<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
    <meta charset="UTF-8">
    <title>跳蚤-个人信息</title>

    <jsp:include page="${ctx}/page/common/css.jsp"/>

    <style>
        label {
            font-size: 13px;
        }
    </style>
</head>
<body class="d-flex flex-column h-100">
<jsp:include page="${ctx}/page/common/header.jsp"/>

<div class="container pt-4">
    <div class="container pt-5">
        <div class="row">
            <div class="col-2">
                <jsp:include page="${ctx}/page/user/menu.jsp"/>
            </div>
            <div class="col-10">
                <h4 class="border-bottom pb-2">
                    个人信息
                    <a class="btn btn-danger float-right mt-n1 ml-1" href="#">修改密码</a>
                    <a class="btn btn-info float-right mt-n1" href="#">修改信息</a>
                </h4>


                <form>
                    <div class="form-row">
                        <div class="form-group col-md-2">
                            <img src="${ctx}/file/${userSession.head}">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="font-weight-lighter text-muted" for="nickname">昵称</label>
                            <input type="text" readonly class="form-control-plaintext" id="nickname"
                                   value="${userSession.nickname}">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="font-weight-lighter text-muted" for="login">登录账号</label>
                            <input type="text" readonly class="form-control-plaintext" id="login"
                                   value="${userSession.login}">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="font-weight-lighter text-muted" for="sex">性别</label>
                            <input type="text" readonly class="form-control-plaintext" id="sex"
                                   value="${userSession.sex==0?'男':'女'}">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="font-weight-lighter text-muted" for="age">Email</label>
                            <input type="text" readonly class="form-control-plaintext" id="age"
                                   value="${userSession.email}">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="font-weight-lighter text-muted" for="city">城市</label>
                            <input type="text" readonly class="form-control-plaintext" id="city"
                                   value="${userSession.city}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="font-weight-lighter text-muted" for="intro">自我介绍</label>
                        <input type="text" readonly class="form-control" id="intro"
                               placeholder="${userSession.intro}">
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>


<jsp:include page="${ctx}/page/common/footer.jsp"/>
<jsp:include page="${ctx}/page/common/message.jsp"/>

<jsp:include page="${ctx}/page/common/js.jsp"/>
<script type="text/javascript">
    // $(function(){
    //     $('#liveToast').toast('show');
    // })
</script>
</body>
</html>
